import React, { Component } from 'react'
import './PCS.scss'
import CNs from 'classnames'
// import { Link } from 'react-router-dom'
export default class PCS extends Component {
  constructor() {
    super()
    this.state = {
      mask: false
    }
  }
  render() {
    return (
      <div className="PCS">
        <div
          className={CNs({ masktrue: this.state.mask })}
          onClick={this.clearmask}
        ></div>
        <div className={CNs({ mask: true, show: this.state.mask })}>
          <img
            src={require('./../../../../assets/Peisong/business-download-bg.jpg')}
            alt="bg"
            className="Dbg"
          />
          <img
            src={require('./../../../../assets/Peisong/business-app-icon.png')}
            alt="bg"
            className="Dicon"
          />
          <p>蜂鸟跑腿</p>
          <small>同城即送，安全准时</small>
          <img
            src={require('./../../../../assets/Peisong/business-QRCord.png')}
            alt="bg"
            className="DQR"
          />
          <small className="small2">扫描二维码下载蜂鸟跑腿</small>
        </div>
        <section className="PCSS1">
          <div className="PCSS1C">
            <div className="PCSS1CW">
              <h3>蜂鸟跑腿</h3>
              <p>
                蜂鸟跑腿是一款针对商家打造的专业配送软件，通过这款应用，蜂鸟跑腿可以为您提供所有平台及电话订单的物流配送服务，餐饮、蛋糕、生鲜、商超、新零售均可配送。超高性价比，24小时服务，更有海量补贴，充值送券送红包等活动。
              </p>
              <span className="AppDown" onClick={this.Download}>
                App下载
              </span>
              <div className="hr"></div>
              <div className="abox">
                <div className="aitem">
                  <img
                    src={require('./../../../../assets/Peisong/a1.png')}
                    alt="a1"
                  />
                  <span>快速接单，闪电送达</span>
                </div>
                <div className="aitem">
                  <img
                    src={require('./../../../../assets/Peisong/a2.png')}
                    alt="a1"
                  />
                  <span>补贴多多，发单省钱</span>
                </div>
                <div className="aitem">
                  <img
                    src={require('./../../../../assets/Peisong/a3.png')}
                    alt="a1"
                  />
                  <span>运费清晰，查账便捷</span>
                </div>
              </div>
            </div>
          </div>
        </section>
        <section className="PCSS2">
          <div className="PCSS1C">
            <div className="PCSS1CW">
              <h3>蜂鸟配送开放平台</h3>
              <p>
                “蜂鸟配送开放平台”致力于解决本地商户最后三公里配送问题，同时也希望帮助众多面
                向消费者的线上平台实现O2O的商业闭环，因此向第三方商户提供开放API，让商户通过
                调用开放平台的API，向蜂鸟配送推单请求配送服务。{' '}
              </p>
              <span className="AppDown">查看开放平台</span>
              <div className="hr"></div>
              <div className="abox">
                <div className="aitem">
                  <img
                    src={require('./../../../../assets/Peisong/a4.png')}
                    alt="a1"
                  />
                  <span>蜂鸟配送服务</span>
                </div>
                <div className="aitem">
                  <img
                    src={require('./../../../../assets/Peisong/a5.png')}
                    alt="a1"
                  />
                  <span>定点次日达服务</span>
                </div>
              </div>
            </div>
            <div className="abg">
              <img
                src={require('./../../../../assets/Peisong/abg.png')}
                alt="abg"
              />
            </div>
          </div>
        </section>
      </div>
    )
  }
  getchecked1 = () => {
    var str = this.props.match.path
    var arr = str.split('/')
    const path = arr.pop()
    // console.log(path)
    switch (path) {
      case 'PCMain':
        window.location.reload(true)
        break
      case 'PCS':
        localStorage.setItem('check', 2)
        break
      case 'PCP':
        localStorage.setItem('check', 3)
        break
      case 'PCPAW':
        localStorage.setItem('check', 4)
        break
      default:
        break
    }
  }
  componentDidMount() {
    window.scrollTo(0, 0)
    this.getchecked1()
    // window.opener.location.href = window.opener.location.href
    // this.forceUpdate()
    //获取地址信息
  }
  // 弹出
  Download = () => {
    console.log(1)
    this.setState({
      mask: true
    })
  }
  // 移出
  clearmask = () => {
    this.setState({
      mask: false
    })
  }
}
